@function tovmin($rpx) {
  //$rpx为需要转换的字号
  @return #{$rpx * 100 / 750}vmin;
}

.lotter_layer {
  border-radius: tovmin(24) tovmin(24) 0px 0px;
  overflow: hidden;

  .lotter_layer_bottom {
    position: relative;
    background: linear-gradient(113deg, #ff385f 0%, #ff7876 100%);
    border-radius: tovmin(24) tovmin(24) 0px 0px;

    .lotter_layer_content {
      position: relative;
      z-index: 1;

      .lotter_layer_title {
        padding: tovmin(20) tovmin(28);
        display: flex;
        align-items: center;
        justify-content: space-between;

        .lotter_question_icon {
          width: tovmin(40);
          height: tovmin(40);
          background: url(https://wx.gy.cn/wechatImage/liveImage_25.png)
            no-repeat;
          background-size: 100% 100%;
        }

        .lotter_title_icon {
          width: tovmin(144);
          height: tovmin(34);
          background: url(https://wx.gy.cn/wechatImage/liveImage_27.png)
            no-repeat;
          background-size: 100% 100%;
        }

        .lotter_close_icon {
          width: tovmin(58);
          height: tovmin(58);
          background: url(https://wx.gy.cn/wechatImage/liveImage_26.png)
            no-repeat;
          background-size: 100% 100%;
        }
      }
    }
  }

  .lotter_layer_bottom::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: tovmin(618);
    background: url(https://wx.gy.cn/wechatImage/liveImage_24.png) no-repeat;
    background-size: 100% 100%;
    content: "";
    display: block;
  }
}

.lotter_layerHp {
  width: tovmin(692);
  height: 100%;
  border-radius: 0px;
  overflow-y: scroll;
  background: #ff354e;
  .lotter_layer_bottom {
    position: relative;
    background: linear-gradient(113deg, #ff385f 0%, #ff7876 100%);
    border-radius: 0px;

    .lotter_layer_content {
      position: relative;
      z-index: 1;

      .lotter_layer_title {
        padding: tovmin(20) tovmin(28);
        display: flex;
        align-items: center;
        justify-content: space-between;

        .lotter_question_icon {
          width: tovmin(40);
          height: tovmin(40);
          background: url(https://wx.gy.cn/wechatImage/liveImage_25.png)
            no-repeat;
          background-size: 100% 100%;
        }

        .lotter_title_icon {
          width: tovmin(144);
          height: tovmin(34);
          background: url(https://wx.gy.cn/wechatImage/liveImage_27.png)
            no-repeat;
          background-size: 100% 100%;
        }

        .lotter_close_icon {
          width: tovmin(58);
          height: tovmin(58);
          background: url(https://wx.gy.cn/wechatImage/liveImage_26.png)
            no-repeat;
          background-size: 100% 100%;
        }
      }
    }
  }

  .lotter_layer_bottom::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: tovmin(628);
    background: url(https://wx.gy.cn/wechatImage/liveImage_24.png) no-repeat
      top/cover;
    content: "";
    display: block;
  }

  .CountdownLottery_box {
    margin-top: tovmin(22);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: tovmin(22);
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #ffffff;
    line-height: tovmin(34);

    .CountdownLottery_live_startTimeBox {
      width: tovmin(40);
      height: tovmin(32);
      background: #ffffff;
      border-radius: tovmin(4);
      opacity: 0.9;
      display: flex;
      align-items: center;
      justify-content: center;
      letter-spacing: tovmin(2);
      font-size: tovmin(24);
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 600;
      color: #ff354e;
      margin-left: tovmin(10);
    }

    .CountdownLottery_live_startTimeSize {
      margin-left: tovmin(10);
    }
  }

  .prize_card_box {
    padding: tovmin(24);
    background: linear-gradient(140deg, #fffdfc 0%, #ffe4d9 100%);
    border-radius: tovmin(48);
    margin: tovmin(32) tovmin(24) 0;
    display: flex;
    align-items: flex-start;

    .prize_card_profile {
      width: tovmin(160);
      height: tovmin(160);
      background: #d8d8d8;
      border-radius: tovmin(16);
      flex-shrink: 0;
    }

    .prize_card_content {
      margin-left: tovmin(20);
      flex: 1;

      .prize_card_title {
        font-size: tovmin(30);
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 600;
        color: #313233;
        line-height: tovmin(42);
      }

      .prize_card_tagBox {
        margin-top: tovmin(12);
        font-size: tovmin(24);
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #805945;
        line-height: tovmin(34);
        display: inline-flex;
        background: #fee8de;
        border-radius: tovmin(8);
        border: tovmin(1) solid #ffc2a8;
        padding: 0 tovmin(16);
      }
    }
  }

  .lottery_gift_task {
    margin: tovmin(24) tovmin(28) 0;
    background: linear-gradient(140deg, #fffdfc 0%, #ffe4d9 100%);
    border-radius: tovmin(24);
    padding: tovmin(26) tovmin(56);

    .lottery_gift_taskTitle {
      font-size: tovmin(32);
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 600;
      color: #313233;
    }

    .lottery_gift_taskdesc {
      margin-top: tovmin(16);
      font-size: tovmin(28);
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #999b9f;
      line-height: tovmin(40);
      max-height: tovmin(80);
    }
  }

  .lottery_gift_btn {
    width: 80%;
    height: tovmin(80);
    background: linear-gradient(90deg, #fff5de 0%, #f2c25a 100%);
    border-radius: tovmin(80);
    margin: tovmin(40) auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: tovmin(28);
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #5f1b00;
  }
}

.lottery_giftSp_box {
  top: tovmin(124) !important;
}

.lottery_gift_box {
  position: fixed;
  top: tovmin(328);
  right: 0;
  left: tovmin(28);
  width: tovmin(80);
  height: tovmin(80);
  background: rgba(39, 37, 37, 0.3);
  border-radius: tovmin(16);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 120;

  .lottery_gift_showTime {
    width: tovmin(80);
    height: tovmin(24);
    background: rgba(39, 37, 37, 0.6);
    border-radius: 0px 0px 16px 16px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: tovmin(16);
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #ffffff;
    line-height: tovmin(22);
    text-align: center;
  }
}

.lottery_gift_box::before {
  content: "";
  width: tovmin(54);
  height: tovmin(60);
  background: url(https://wx.gy.cn/wechatImage/liveImage_28.png) no-repeat;
  background-size: 100% 100%;
}

.prize_card_box {
  padding: tovmin(24);
  background: linear-gradient(140deg, #fffdfc 0%, #ffe4d9 100%);
  border-radius: tovmin(24);
  margin: tovmin(32) tovmin(24) 0;
  display: flex;
  align-items: flex-start;

  .prize_card_profile {
    width: tovmin(160);
    height: tovmin(160);
    background: #d8d8d8;
    border-radius: tovmin(16);
    flex-shrink: 0;
  }

  .prize_card_content {
    margin-left: tovmin(20);
    flex: 1;

    .prize_card_title {
      font-size: tovmin(30);
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 600;
      color: #313233;
      line-height: tovmin(42);
    }

    .prize_card_tagBox {
      margin-top: tovmin(12);
      font-size: tovmin(24);
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #805945;
      line-height: tovmin(34);
      display: inline-flex;
      background: #fee8de;
      border-radius: tovmin(8);
      border: 1px solid #ffc2a8;
      padding: 0 tovmin(8);
    }
  }
}

.lottery_gift_btn {
  width: tovmin(694);
  height: tovmin(80);
  background: linear-gradient(90deg, #fff5de 0%, #f2c25a 100%);
  border-radius: tovmin(40);
  margin: tovmin(40) auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: tovmin(28);
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 600;
  color: #5f1b00;
}

.lottery_gift_opcity {
  opacity: 0.7;
}

.lottery_gift_rule {
  padding: tovmin(24);
  text-align: center;
  font-size: tovmin(24);
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: tovmin(34);
}

.lottery_gift_task {
  margin: tovmin(24) tovmin(28) 0;
  background: linear-gradient(140deg, #fffdfc 0%, #ffe4d9 100%);
  border-radius: tovmin(24);
  padding: tovmin(26) tovmin(28);

  .lottery_gift_taskTitle {
    font-size: tovmin(32);
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: #313233;
  }

  .lottery_gift_taskdesc {
    margin-top: tovmin(16);
    font-size: tovmin(28);
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999b9f;
    line-height: tovmin(40);
    max-height: tovmin(80);
  }
}

.lottery_giftHp_box {
  top: tovmin(144);
  left: tovmin(56);
}
